<template>
	<kui-page :custom-header="false">
		<template v-slot:body>
			<view class="kui-mb-3">
				<kui-cell-group title="基本用法">
					<kui-space>
						<kui-button type="primary">演示按钮</kui-button>
						<kui-button type="info">演示按钮</kui-button>
						<kui-button type="danger">演示按钮</kui-button>
					</kui-space>
				</kui-cell-group>
			</view>
			<view class="kui-mb-3">
				<kui-cell-group title="垂直布局">
					<kui-space direction="column">
						<kui-button type="primary">演示按钮</kui-button>
						<kui-button type="info">演示按钮</kui-button>
						<kui-button type="danger">演示按钮</kui-button>
					</kui-space>
				</kui-cell-group>
			</view>
			<view class="kui-mb-3">
				<kui-cell-group title="自定义间隔">
					<kui-space :gap="[20,50]">
						<kui-button type="primary">演示按钮</kui-button>
						<kui-button type="info">演示按钮</kui-button>
						<kui-button type="danger">演示按钮</kui-button>
					</kui-space>
				</kui-cell-group>
			</view>
			<view class="kui-mb-3">
				<kui-cell-group title="靠右对齐">
					<kui-space justify="end">
						<kui-button type="primary">演示按钮</kui-button>
						<kui-button type="info">演示按钮</kui-button>
						<kui-button type="danger">演示按钮</kui-button>
					</kui-space>
				</kui-cell-group>
			</view>
			<view class="kui-mb-3">
				<kui-cell-group title="环绕对齐">
					<kui-space justify="space-around">
						<kui-button type="primary">演示按钮</kui-button>
						<kui-button type="info">演示按钮</kui-button>
						<kui-button type="danger">演示按钮</kui-button>
					</kui-space>
				</kui-cell-group>
			</view>
			<view class="kui-mb-3">
				<kui-cell-group title="居中对齐">
					<kui-space justify="center">
						<kui-button type="primary">演示按钮</kui-button>
						<kui-button type="info">演示按钮</kui-button>
						<kui-button type="danger">演示按钮</kui-button>
					</kui-space>
				</kui-cell-group>
			</view>
			<view class="kui-mb-3">
				<kui-cell-group title="两端对齐">
					<kui-space justify="space-between">
						<kui-button type="primary">演示按钮</kui-button>
						<kui-button type="info">演示按钮</kui-button>
						<kui-button type="danger">演示按钮</kui-button>
					</kui-space>
				</kui-cell-group>
			</view>
		</template>
	</kui-page>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>

</style>
